<!DOCTYPE html>
<html id="greatgreatgrandpa">
<head>
  <title>DOM Level 2 Propagation Example</title>
  <link rel="stylesheet" type="text/css" href="../styles/core.css"/>
  <script type="text/javascript" src="../scripts/jquery-1.4.js"></script>
  <script type="text/javascript" src="../scripts/jqia2.support.js"></script>
  <script type="text/javascript">
    $(function () {
      $('*').each(function () {
        var current = this;
        this.addEventListener('click', function (event) {
          say('Capture for ' + current.tagName + '#' + current.id +
              ' target is ' + event.target.id);
        }, true);
        this.addEventListener('click', function (event) {
          say('Bubble for ' + current.tagName + '#' + current.id +
              ' target is ' + event.target.id);
        }, false);
      });
    });
  </script>
</head>

<body id="greatgrandpa">
<div id="grandpa">
  <div id="pops">
    <img id="example" src="example.jpg"/>
  </div>
</div>
</body>
</html>
